<template>
	<view class="details-item" :style="{width:width}">
		<tm-text :label="label" :fontSize="24" color="#6C3619" class="text-weight-b mb-12"></tm-text>
		<view class="flex flex-between fulled flex-row">
			<tm-text :label="content" color="#6C3619" :fontSize="20" style="max-width:320rpx"></tm-text>
			<slot></slot>
		</view>
	</view>
	
</template>

<script setup lang="ts">
	import {defineProps} from 'vue'
	
	const props = defineProps({
		label:{
			type:String,
			required:true
		},
		content:{
			type:String,
			required:true
		},
		width:{
			type:String,
			default:'538rpx'
		}
	})
</script>

<style scoped>
.details-item{
		 background:#FFF4D1;
		 margin: 10rpx auto;
		 border-radius: 32rpx;
		 padding:20rpx;
	 }
</style>